html{height: 100%;}
.bg1{background: url(../images/bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; height: 100%;}
.logo{width: 50%; margin: 55px auto 45px;}
.logo img{width: 100%;}
.login{width: 80%; margin-left: 10%;}
.login .item{margin-bottom: 20px;}
.login .item label{color: #fff; font-size: 20px; float: left; margin-top: 10px;}
.login .item label i{font-size: 22px;}
.login .item input{background: none; border: none; border-bottom: 1px solid #fff; margin-bottom: 0; border-radius: 0; font-size: 14px; color: #fff; height: 35px; padding-left: 0; width: 85%; float: right;}
.login ::-webkit-input-placeholder {color:#fff;}
.login :-moz-placeholder {color:#fff;}
.login ::-moz-placeholder {color:#fff;}
.login :-ms-input-placeholder {color:#fff;}
.q-login {width: 15%; margin: 45px auto 0;}
.q-login img{width: 100%;}
.login button{width: 100%; margin-bottom: 20px; background: none; height: 40px; box-sizing: border-box; border: 1px solid #fff; display: block; color: #fff; font-size: 16px; border-radius: 20px;}
.login button.on{background: #43DCE9; border: 1px solid #43DCE9;}
.login .edit-pwd{padding: 10px 10% 30px; font-size: 14px; color: #fff;}
.login .edit-pwd i{display: block; float: left; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 10px; margin-top: 2px; margin-right: 6px;}
.login .edit-pwd i.on{background: url(../images/checked.png) no-repeat center; border: none; background-size: contain;}
.login .edit-pwd a{color: #fff; text-decoration: underline;}
.login .code{position: relative;}
.login .code input{width: 53%; margin-right: 32%;}
.login .code a{color: #fff; border: 1px solid #fff; border-radius: 5px; position: absolute; right: 0; font-size: 13px; height: 35px; top: 0; text-align: center; line-height: 35px; width: 30%;}

/*首页*/
.index-serach{background: #3A3E41; padding: 7px 15px;position: fixed; width: 100%; top: 0; left: 0; z-index: 9;}
.index-serach span{position: relative; margin-top: 5px;}
.index-serach span.on:before{position: absolute; content: ""; width: 6px; height: 6px; display: block; background: #FF8700; border-radius: 5px; right: 1px; top: 1px;}
.index-serach span i{color: #fff; font-size: 24px;}
.index-serach form{position: relative; width: 88%;}
.index-serach form input{height: 30px; background: #4D5153; margin-bottom: 0; border-radius: 20px; padding-left: 50px; border: none; color: #fff; font-size: 14px; width: 100%; box-sizing: border-box;}
.index-serach form select{position: absolute; top: 0; left: 0; width: 50px; box-sizing: border-box; background: none; font-size: 13px; height: 28px; padding: 0 10px; margin-bottom: 0; color: #fff;}
.index-serach form button{position: absolute; right: 0px; height: 30px; top: 0; background: none; font-size: 20px; padding: 0 12px; color: #6D7377; border: none;}
.txtScroll-top{position: absolute; background: rgba(0,0,0,0.5); bottom: 0; width: 100%; padding: 8px 20px;}
.txtScroll-top ul li a{color: #fff; font-size: 14px;}
.txtScroll-top .tempWrap{background: url(../images/icon7.png) no-repeat left center; background-size: auto 14px; padding-left: 86px;}
.index-nav{padding: 15px 0; background: #fff; text-align: center;}
.index-nav a{display: block; width: 20%; float: left;}
.index-nav a img{width: 65%;}
.index-nav p{font-size: 13px; margin-bottom: 0; color: #1a1a1a; }
.index-experience{background: #F8F8F8; padding: 0 5px;}
.head1{padding: 15px; font-size: 17px; color: #1a1a1a;}
.head1 a{float: right; font-size: 15px; color: #1A1A1A;}
.head1 a i{color: #FF8700; font-size: 18px; margin-left: 5px;}
.index-experience .one{margin-left:5px; margin-right: 5px; margin-bottom: 10px; width: calc(50% - 10px); float: left; background: #F2F2F2;}
.index-experience .one .img{background-repeat: no-repeat; background-position: center; background-size: cover; height: 30vw;}  
.index-experience .one h4{font-weight: 400; font-size: 13px; color: #1a1a1a; margin: 5px; line-height: 20px; height: 60px; overflow: hidden;}
.index-experience .one h4 span{color: #ff4200; border: 1px solid #ff4200; margin-right: 3px; padding: 0 2px; border-radius: 3px;}
.index-goods{padding: 0 5px; background: #efeff4;}
.index-goods .one{margin-left:5px; margin-right: 5px; background: #f7f7f7; margin-bottom: 10px; width: calc(50% - 10px); float: left;}
.index-goods .one .img img{width: 100%;}
.index-goods .text h4{font-weight: 400; color: #1A1A1A; font-size: 14px;}
.index-goods .text{padding: 0 5px;}
.index-goods .text h4 a{color: #1A1A1A;}
.index-goods .text span{font-size: 16px; color: #FF4200; float: left; margin-top: 4px;}
.index-goods .text i{font-size: 12px; font-style: normal; border: 1px solid #FF4200; margin-left: 2px; padding: 1px 2px; border-radius: 3px; color: #FF4200; float: left; margin-top: 4px;}
.index-goods .text button{background: #FF4200; font-size: 13px; color: #fff; float: right; padding: 3px 6px; border: none;}
footer{background: #3A3E41; padding: 6px 0; bottom: 0; position: fixed; z-index: 9; width: 100%;}
footer .mui-col-xs-3 .hover{display: none;}
footer .mui-col-xs-3{text-align: center; width: 20%;}
footer .mui-col-xs-3.on .old{display: none;}
footer .mui-col-xs-3.on .hover{display: inline-block;}
footer .mui-col-xs-3 img{width: 22px;}
footer .mui-col-xs-3 p{margin-bottom: 0; line-height: 13px; font-size: 13px; color: #808080;}
footer .mui-col-xs-3.on p{color: #FF8700;}
.first-login{background: #fff; position: fixed; z-index: 999; width: 74%; left: 13%; border-radius: 6px; top: 30%; padding: 10px;}
.first-login .text{font-size: 15px; text-align: center; color: #1A1A1A;}
.first-login button{background: #FF4200; color: #fff; display: block; font-size: 14px; padding: 6px 10px; border: none; margin: 10px auto; display: block;}
.buy-box{background: #fff; position: fixed; z-index: 999; width: 74%; left: 13%; border-radius: 6px; top: 30%; padding: 10px;}
.buy-box .text{font-size: 15px; text-align: center; color: #1A1A1A;}
.buy-box button{background: #FF4200; color: #fff; display: block; font-size: 14px; padding: 6px 0; width: 70%; border: none; margin: 10px auto; display: block;}

/*地址管理*/
.address{padding: 0 10px;}
.address .form-item{margin-top: 15px;}
.address .form-item label{width: 27%; line-height: 35px; display: block; text-align: right; font-size: 15px; color: #1A1A1A; float: left;}
.address .form-item input,.address .form-item select{width: 73%; float: right; margin-bottom: 0; height: 35px; background: #F5F5F5; font-size: 15px;}
.address .form-item textarea{width: 73%; float: right; margin-bottom: 0; height: 150px; color: #333; background: #F5F5F5; font-size: 15px;}
.address .form-item select{border: 1px solid rgba(0, 0, 0, 0.2) !important; padding: 0 15px;}
.address .form-item .distpicker select{width: 23.5%; padding:0 5px; margin-right: 1%; font-size: 14px; float: left;}
.address .form-item .distpicker select:nth-last-child(1){margin-right: 0;}
.address .form-item span{color: #FF4200;}
.address button{background: #FF4200; color: #fff; display: block; font-size: 15px; padding: 10px 0; width: 100%; border: none; margin: 40px auto; display: block;}

/*经验交流*/
.experience-page{padding: 10px;}
.experience-page article img{max-width: 100%;}
.experience-page .header h4{font-weight: 400; color: #1a1a1a; font-size: 18px;}
.experience-page .header h4 span{font-size: 13px; color: #FF4200; border: 1px solid #FF4200; border-radius: 3px; padding: 0 2px; border-radius: 3px; margin-right: 5px;}
.experience-page .header p{font-size: 13px; color: #808080;}
.experience-page article p{font-size: 14px; color: #1a1a1a; line-height: 25px;}

/*排行榜*/
.rank-title{height: 40px; background: #fff; border-bottom: 1px solid #E6E6E6; width: 100%; padding: 0 10px; position: fixed; z-index: 99; top: 44px;}
.rank-title a{line-height: 40px; color: #1A1A1A; display: block; float: left; font-size: 15px; padding: 0 10px;}
.rank-title a.on{border-bottom: 1px solid #FF4200;}
#rank_content ul li{padding: 11px 0; font-size: 14px;}
#rank_content ul .mui-table-view-cell:after{left: 0;}
#rank_content ul li a{color: #1A1A1A;}
#rank_content ul li:nth-child(1) .mui-row .mui-col-xs-3:nth-child(1){background: url(../images/ji1.png) no-repeat center; font-size: 0; background-size: contain;}
#rank_content ul li:nth-child(2) .mui-row .mui-col-xs-3:nth-child(1){background: url(../images/ji2.png) no-repeat center; font-size: 0; background-size: contain;}
#rank_content ul li:nth-child(3) .mui-row .mui-col-xs-3:nth-child(1){background: url(../images/ji3.png) no-repeat center; font-size: 0; background-size: contain;}
.member-page{padding: 10px;}
.member-page .memder-detail .img{width: 50%;}
.member-page .memder-detail img{width: 100%;}
.member-page .memder-detail .text{width: 45%; padding-top: 10px;}
.member-page .memder-detail .text p{font-size: 15px; line-height: 25px; margin-bottom: 0; color: #1A1A1A;}
.member-page .memder-detail .text button{background: #FF4200; color: #fff; display: block; font-size: 15px; padding: 4px 20px; border: none; margin-top:10px;}
.member-page h3{padding: 15px 0 15px 15px; position: relative; font-weight: 400; font-size: 15px; color: #1A1A1A;}
.member-page h3:before{position: absolute; width: 3px; height: 20px; background: #FF8700; display: block; left: 0px; top: 12px; content: "";}
.member-page article img{max-width: 100%;}
.member-page article p{line-height: 25px; font-size: 13px; margin-bottom: 0; color: #1A1A1A;}
.member-page img{max-width: 100%;}
.message-box{background: #f7f7f7; padding: 6px 10px; position: fixed; width: 100%; bottom: 0; border-top: 1px solid #E6E6E6;}
.message-box input{width: 80%; background: #fff; margin-bottom: 0; font-size: 15px; padding: 0 10px; height: 32px; border: 1px solid #E6E6E6; float: left;}
.message-box button{float: right; background: #aaaaaa; font-size: 15px; height: 32px; color: #fff; border: none; width: 17%;}
.searchmember{padding-top: 52px;} 
.searchmember .head{font-size: 15px; line-height: 25px; color: #1A1A1A; background: #fff; z-index: 5; top: 44px; border-bottom: 1px solid #E6E6E6; width: 100%; padding:10px; position: fixed;}
.searchmember .head span{float: left; margin-top: 5px; width: 18px; height: 18px; margin-right: 10px; border: 1px solid #ed7f04; border-radius: 10px; display: inline-block;}
.searchmember .head select{padding: 0; float: left; margin-bottom: 0; border: 1px solid #E6E6E6 !important;  height: 25px; padding-left: 10px; width: 70%;}
.searchmember .head .mui-col-xs-6{position: relative;}
.searchmember .head .mui-icon-arrowdown{position: absolute; right: 15%; color: #999; font-size: 18px; top: 5px;}
.searchmember .head font{line-height: 25px;}
.searchmember .head .mui-col-xs-6.on span{background: url(../images/checked2.png) no-repeat center; background-size: contain;}
.searchmember-content ul:before,.searchmember-content ul:after{height: 0;}
.searchmember-content ul li:after{left: 0;}
.searchmember-content ul li{font-size: 15px; color: #1A1A1A;}
.searchmember-content ul li a{color: #1A1A1A !important;}
.searchmember-content .one{border-bottom: 1px solid #E6E6E6; padding: 10px 0; font-size: 15px;}
.searchmember-content .one a{color: #1A1A1A;}
.page article{padding: 10px;}
.page article img{max-width: 100%;}
.page article p{line-height: 22px; font-size: 14px; color: #1A1A1A; margin-bottom: 0;}

/*个人中心*/
.user-head{background: url(../images/bg2.jpg) no-repeat center; position: relative; padding: 20px 0 40px; background-size: cover;}
.user-head .icon-shezhi{position: absolute; right: 15px; top: 15px; color: #fff; font-size: 22px;}
.user-head img{width: 80px;} 
.user-head h4{font-weight: 400; color: #fff; font-size: 15px;margin-top: 15px;}
.user-nav ul li img{height: 20px; float: left; margin-right: 8px;}
.user-nav ul li a{color: #4c4c4c !important; line-height: 20px; font-size: 15px;}
.user-nav ul li span{padding-right: 15px; color: #FF8700;}

/*设置*/
.set ul li{font-size: 15px;}
.set ul li a{color: #4C4C4C !important;}
.set ul li span{float: left; line-height: 50px;}
.set button{background: #E6E6E6; font-size: 15px; color: #4c4c4c; width: 100%; border:none; padding: 10px 0; margin-top: 40%;}
.set ul li img{width: 50px; height: 50px; border-radius: 50%; margin-left: 15px;}

/*我的积分*/
.user-integral{padding-top: 40px;}
.user-integral .mui-row h4{font-weight: 400; font-size: 14px; color: #1a1a1a;}
.user-integral .mui-row p{margin-bottom: 0; font-size: 12px; color: #808080;}
.user-integral .mui-row .mui-col-xs-3{color: #808080; font-size: 14px; line-height: 40px;}
.user-integral li.on .mui-col-xs-3{color: #FF4200;}

/*留言互动*/
.message{padding: 0 10px;}
.message .one{background: #F5F5F5; margin-top: 20px; border-radius: 6px; padding: 10px;}
.message .one dl{margin: 0;}
.message .one dl dt{width: 45px; height: 45px; float: left; border-radius: 50%; overflow: hidden;}
.message .one dl dt img{width: 100%; height: 100%;}
.message .one dl dd{margin-left: 55px;}
.message .one dl dd h4{font-size: 16px; font-weight: 400; color: #FF4200;}
.message .one dl dd p{margin-bottom: 0; font-size: 12px; color: #808080;}
.message .one .text{padding-top: 5px; font-size: 14px; color: #1a1a1a; line-height: 22px;}

/*兑换记录*/
.exchange .mui-table-view .mui-media-object { line-height: 42px; height: auto; max-width: none; width: 24%;}
.exchange h4{font-weight: 400; color: #1A1A1A; font-size: 14px;}
.exchange p{margin-bottom: 0; font-size: 12px; color: #666;}
.exchange h5{margin-bottom: 0;}
.exchange h5 span{color: #FF4200; font-size: 13px; border: 1px solid #FF4200; padding: 0 2px; border-radius: 3px;}
.exchange h5 big{float: right; color: #FF4200;}
.exchange h5 big small{}

/*经验交流*/
.experience-title{height: 40px; background: #F5F5F5; border-bottom: 1px solid #E6E6E6; width: 100%; padding: 0 10px; position: fixed; z-index: 99; top: 44px;}
.experience-title a{line-height: 40px; color: #1A1A1A; display: block; float: left; font-size: 15px; padding: 0 15px;}
.experience-title a.on{border-bottom: 1px solid #FF4200;}
.experience-content dl{margin: 0; background: #fff; height: 100px; margin-bottom: 10px;}
.experience-content dl dt{width: 36%; overflow: hidden; height: 100px; float: left;}
.experience-content dl dt img{width: 100%;}
.experience-content dl dd{margin-left: 39%;}
.experience-content dl dd h4{font-size: 14px; color: #1A1A1A; line-height: 20px; font-weight: 400;}
.experience-content dl dd h4 a{color: #1A1A1A;}
.experience-content dl dd h4 span{font-size: 12px; margin-right: 3px; color: #FF4200; border: 1px solid #FF4200; padding: 0 2px; border-radius: 2px;}
.experience-content dl dd p{margin-bottom: 0; margin-top: 20px; color: #808080; font-size: 13px;}

/*商城*/
.shop-class{height: 40px; background: #fff; margin-bottom: 5px; width: 100%; padding: 0 10px;}
.shop-class a{line-height: 40px; color: #1A1A1A; display: block; float: left; font-size: 15px; padding: 0 15px;}
.shop-class a.on{border-bottom: 1px solid #FF4200;}

/*往期回顾*/
.game-title{height: 40px; margin: 10px auto; background: #ED7F04; font-size: 15px;}
.game-title a{color: #fff; display: block; line-height: 40px;}
.game-title .mui-col-xs-6:nth-child(1){border-right: 1px solid #FFFFFF;}
.game-news{background: #F7F7F7;}
.head2{padding: 15px;}
.head2 span{font-size: 15px; color: #1A1A1A; padding-left: 6px; border-left: 3px solid #FF4200;}
.rank dl{margin: 0; margin-bottom: 10px;}
.rank dt{border-radius: 5px; line-height: 0; overflow: hidden;}
.rank dt img{width: 100%;border-radius: 5px;}
.rank dd{margin-left: 0; text-align: center;}
.rank dd h4{font-weight: 400; color: #1A1A1A; font-size: 15px;}
.rank dd p{font-size: 13px; color: #4C4C4C; margin-bottom: 0;}
.rank dd span{display: block; width: 70px; text-align: center; line-height: 25px; margin: 5px auto; color: #fff; background: #FF7800; border-radius: 4px; font-size: 12px;}
.rank1 dt{width: 60%; margin: 0 auto; max-height: 50vw;}
.rank2 dt{width: 90%; margin: 0 auto; height: 35vw;}
.rank3 dt{width: 90%; margin: 0 auto; height: 35vw;}
.rank4 dt{width: 92%; margin: 0 auto; height: 26vw;}
.honor-title{height: 40px; margin: 10px auto; font-size: 15px;}
.honor-title a{color: #1A1A1A; margin: 0 auto; border-radius: 25px; border: 1px solid #FF4200; display: block; width: 85%; text-align: center; line-height: 38px;}

/*赛事信息*/
.notice-content dl{margin: 0; background: #fff; padding: 15px 10px; border-bottom: 1px solid #E6E6E6;}
.notice-content dl dt{width: 30%; overflow: hidden; line-height: 0; height: 100px; float: left;}
.notice-content dl dt img{width: 100%;}
.notice-content dl dd{margin-left: 33%;}
.notice-content dl dd h4{font-size: 14px; color: #1A1A1A; line-height: 20px; font-weight: 400;}
.notice-content dl dd h4 a{color: #1A1A1A;}
.notice-content dl dd p{margin-bottom: 0; line-height: 16px; max-height: 48px; overflow: hidden; color: #808080; font-size: 13px;}

.game-page{margin-top: 10px;}
.game-page img{width: 100%;}
.game-page .img{width: 22.5%; overflow: hidden; margin-bottom: 10px; margin-left: 2%; box-sizing: border-box; float: left;} 
.game-page .img img{min-height: 100%;}

.shareWx{position: fixed;z-index: 1000; width: 100%; bottom: 0; padding: 10px;}
.shareWx ul{background: #fff; line-height: 45px; margin: 0; border-radius: 5px;}
.shareWx ul li{border-bottom: 1px solid #E6E6E6; text-align: center; font-size: 14px;}
.shareWx ul li a{color: #1296DB; display: block;}
.shareWx ul li:nth-last-child(1){border-bottom: none;}
.shareWx button{background: #fff; height: 45px; margin-top: 10px; font-size: 14px; color: #1296DB; border: none; width: 100%; padding: 0;}
.goods-page .img{line-height: 0;}
.goods-page .img img{width: 100%;}
.goods-page .name{padding: 10px; font-weight: 400; color: #1a1a1a; font-size: 16px; margin: 0;}
.goods-page .price{font-size: 14px; color: #ff4200; padding: 0 10px;}
.goods-page .price small{border: 1px solid #FF4200; padding: 0 3px; border-radius: 3px;}
.goods-page .price .goods_left{color: #999;}
.goods-page .goods-desc{margin-top: 10px; border-top: 1px solid #E6E6E6;}
.goods-page .goods-desc header{padding: 10px; color: #1A1A1A; font-size: 16px;}
.goods-page .goods-desc header span{padding-left: 10px; border-left: 6px solid #FF4200;}
.goods-page .goods_detail img{max-width: 100% !important; width: 100% !important;}
.goods-page .goods_detail p{font-size: 14px; color: #666; line-height: 30px; margin: 0;}
.goods-page .mui-row{position: fixed;width: 100%; bottom: 0; left: 0; background: #FF7800; line-height: 45px;}
.goods-page .mui-row a{color: #fff; font-size: 16px; display: block;}
.goods-page .goods_exchange{background: #FF4500;}

.new-game-rank .title{text-align: center; font-size: 17px; color: #1a1a1a; padding-top: 10px;}
.new-rank{margin-top: 15px;}
.new-rank h3{text-align: center; font-weight: 400; font-size: 18px; color: #1A1A1A; margin: 0; padding-bottom: 6px;}
.new-rank h4{text-align: center; font-weight: 400; font-size: 14px; color: #1A1A1A; margin: 0; padding-bottom: 6px;}
.new-rank a{display: block; width: 70px; text-align: center; line-height: 25px; margin: 5px auto; color: #fff; background: #FF7800; border-radius: 4px; font-size: 12px;}
.new-rank .mui-col-xs-3{padding: 6px; text-align: center;}
.new-rank .mui-col-xs-3 .img{width: 100%; height: 30vw; border-radius: 6px; overflow: hidden;}
.new-rank .mui-col-xs-3 .img img{max-width: 100%; opacity: 0; max-height: 100%;}
.new-rank .mui-col-xs-3 p{margin-bottom: 0; font-size: 15px; color: #1a1a1a; padding-top: 5px;}

.sex-class{padding: 10px 0; text-align: center;}
.sex-class a{color: #808080; font-size: 15px; display: inline-block; padding: 0 20px; margin: 0 5px; border-radius: 20px; line-height: 30px; border: 1px solid #999;}
.sex-class a.on{color: #FF4200; border: 1px solid #FF4200;}

.partner:before,.partner li:after,.partner:after{height: 0;}
.partner{margin: 0 !important;}
.partner li img{border: 1px solid #e6e6e6; margin: 0; border-radius: 6px; height: 20vw !important;}
.partner li .mui-media-body{height: 90px !important;}
.partner li h4{font-size: 14px; color: #1A1A1A; font-weight: 400; padding: 5px 0; margin: 0;}
.partner li p{font-size: 12px; margin-bottom: 0px; white-space: initial; text-align: left; line-height: 20px; color: #808080; height: 60px; overflow: hidden;}

.fiximg img{width: 100%;} 
.sign-peo .tel{padding: 8px 10px; font-size: 14px; color: #1a1a1a; line-height: 20px; border-bottom: 10px solid #F7F7F7;}
.sign-peo .tel img{height: 20px;}
.sign-peo .tel span{float: left; line-height: 22px; margin-left: 10px;}
.signinfo header{padding-bottom: 10px; font-size: 14px; line-height: 20px; color: #1A1A1A; border-bottom: 1px solid #E6E6E6;}
.signinfo header img{float: left; height: 20px; margin-right: 10px;}
.signinfo .img{text-align: center; padding: 20px 0; max-height: 200px; margin-bottom: 20px; overflow: hidden;}
.signinfo .img img{width: 35%;}
.signinfo .item{margin-bottom: 15px;}
.signinfo .item label{width: 28%; text-align: right; float: left; line-height: 35px; font-size: 15px; color: #1A1A1A;}
.signinfo .item label span{color: #FF4200;}
.signinfo .item input{margin-bottom: 0; height: 33px; padding: 0; border: 1px solid #E6E6E6; background: #FAFAFA; font-size: 14px; color: #1A1A1A; padding-left: 10px; width: 72%;}
.signinfo .item select{margin-bottom: 0; height: 33px; padding: 0; border: 1px solid #E6E6E6 !important; background: #FAFAFA; font-size: 14px; color: #1A1A1A; padding-left: 10px; width: 72%;}
.signinfo .distpicker{width: 72%; float: right;}
.signinfo .distpicker select{width: 31% !important;}
.signinfo form h4{font-weight: 400; text-align: center; font-size: 12px; color: #999999;}
.signinfo form h4 a{color: #1a83d4;}
.signinfo form h4 i{display: inline-block; margin-right: 5px; width: 12px; height: 12px; border: 1px solid #1A83D4;}
.signinfo form h4.on i{background: url(../images/check.png) no-repeat center; background-size: contain;}
.signinfo button{display: block; width: 100px; height: 40px; border-radius: 5px; background: #FF0000; font-size: 15px; color: #fff; border: none; margin: 30px auto;}
.signpage .success-img img{width: 45px; height: 45px; display: block; margin: 30px auto;}
.signpage h4{font-size: 15px; font-weight: 400; color: #000000; padding-bottom: 30px;}
.signpage .sign-peo img{width: 35%; margin-bottom: 20px;}
.signpage .sign-peo p{font-size: 15px; color: #000;}

.search-member header{padding: 12px 0; text-align: center; font-size: 15px; color: #1a1a1a;}
.search-member ul li{font-size: 15px; text-align: center;}
.search-member ul li:after{left: 0;}
.search-member ul li a{color: #1A1A1A !important;} 

.signmoney{width: 76%; padding: 20px; left: 12%; text-align: center; background: #fff; border-radius: 5px; position: fixed; z-index: 999; top: 30%;}
.signmoney p{margin-bottom: 0px; font-size: 14px; color: #1A1A1A;}
.signmoney h4{color: #FF4200; font-weight: 400; font-size: 16px;}
.signmoney button{padding: 0; border: none; padding: 5px 10px; color: #fff; font-size: 14px; background: #FF4200; margin-top: 10px;}

.bg{background: #F7F7F7;}
.membercard .card ul:before{height: 0;}
.membercard .card ul li:after{left: 0;}
.membercard .card ul li label{width: 20%; float: left; color: #4c4c4c;font-size: 14px;}
.membercard .card ul li span{font-size: 15px; color: #FF4200}
.membercard .card-number{background: url(../images/card4.png) no-repeat center; background-size: 100% 100%; color: #9c6f00; text-align: center; letter-spacing: 1px; font-size: 30px; font-weight: bold; padding: 25vw 20px;}
.membercard .card{margin-bottom: 10px;}
.select-money{background: #fff;}
.select-money .title{padding: 20px 10px; color: #1a1a1a; font-size: 16px;}
.pay-type .mui-table-view-cell:after,.pay-type .mui-table-view:after,.cf-account-list .mui-table-view:before{height: 0;}
.pay-type .mui-checkbox input[type='checkbox'],.pay-type .mui-radio input[type='radio']{top: 20px;}
.pay-type dl{width: 80%; margin: 0;}
.pay-type dl dt{float: left; width: 45px; height: 45px;}
.pay-type dl dt img{width: 100%;}
.pay-type dl dd{float: left; margin-left: 10px;}
.pay-type dl dd h4{font-size: 15px; color: #4c4c4c; font-weight: 400;}
.pay-type dl dd p{font-size: 13px; color: #808080;}
.pay-button{padding: 30px 10px;}
.pay-button button{width: 100%; background: #1a83d4; color: #fff; font-size: 17px; border: none; padding: 10px 0;}

.team-img{margin-top: 15px;}
.contact{text-align: center; padding-top: 30px;}
.contact .img{background: #fff; display: inline-block; line-height: 0; padding: 10px; border-radius: 10px;}
.contact .img img{height: 65px; width: 65px;}
.contact h4{color: #4c4c4c; line-height: 50px; font-weight: 400; font-size: 14px;}
.contact .text{background: #fff; padding: 30px 0;}
.contact .text p{color: #4c4c4c;}
.contact .text a{display: block; color: #ff0000; font-size: 14px;}
.contact .footer{position: fixed; bottom: 5%; width: 100%; font-size: 12px; color: #4c4c4c;}

.record .title{text-align: center;}
.record .title a{display: inline-block; padding: 10px 10px 8px; font-size: 15px; margin: 0 10%; color: #1A1A1A;}
.record .title a.on{border-bottom: 2px solid #FF4200;}
.peo-one{background: #fff; margin-top: 10px;}
.peo-one dl{margin: 0; padding: 10px;}
.peo-one dl dt{float: left; line-height: 0; width: 65px; height: 65px; overflow: hidden;}
.peo-one dl dt img{width: 100%;}
.peo-one dl dd{float: left; margin-left: 10px;}
.peo-one dl dd p{margin-bottom: 0; font-size: 15px; color: #1A1A1A; line-height: 22px;}
.peo-one h4{font-weight: 400; margin: 0; font-size: 15px; color: #1A1A1A; padding: 10px; border-top: 1px solid #E6E6E6;} 
.peo-one h4 span{color: #FF0000;}
.team-one h4{font-weight: 400; margin: 0; font-size: 15px; color: #1A1A1A; padding: 10px; border-top: 1px solid #E6E6E6;} 
.team-one h4 span{color: #FF0000;}
.team-one{background: #fff; margin-top: 10px;}
.team-one header{font-size: 15px; color: #1A1A1A; padding: 10px; }
.team-one .mui-row .img{ width: 80%; margin: 0 auto; height: 85px; overflow: hidden;}
.team-one .mui-row .img img{width: 100%;}
.team-one .mui-row p{color: #1A1A1A; }

.chat-content{padding: 10px 10px 45px;}
.chat-one{margin-bottom: 15px;}
.chat-one dl{margin: 0;}
.chat-one dl dt{width: 35px; height: 35px; float: left; overflow: hidden; border-radius: 50%;}
.chat-one dl dt img{width: 100%; height: auto;}
.chat-one dl dd{margin-left: 45px;}
.chat-one dl dd .name{font-size: 12px; color: #4c4c4c;}
.chat-one dl dd .content{background: #efefef; position: relative; text-align: left; border-radius: 10px; color: #4c4c4c; font-size: 15px; padding: 10px; margin-left: 5px; display: inline-block; max-width: calc(100% - 50px);}
.chat-one dl dd .content:before{position: absolute; display: block; width: 8px; height: 8px; background: url(../images/aim1.png) no-repeat center; left: -7px; top: 4px; content: ""; background-size: contain;}
.chat-one dl dd .time{color: #999; font-size: 10px;}
.chat-one.me dl{float: right; width: 100%;}
.chat-one.me dl dt{float: right;}
.chat-one.me dl dd{margin-left: 0; margin-right: 10px; float: right;margin-right: 10px; text-align: right; width: calc(100% - 45px);}
.chat-one.me dl dd .content{background: #00cf9e; color: #fff;}
.chat-one.me dl dd .content:before{background: url(../images/aim2.png) no-repeat center; background-size: contain; right: -6px; left: auto; }

#vesion{position: fixed; width: 80%; z-index: 999; box-shadow: 6px 6px 12px rgba(0,0,0,0.1); padding-top: 10px; background: #fff; left: 10%; top: 20%; border-radius: 5px;}
#vesion .img{line-height: 0; margin-bottom: 10px;}
#vesion .img img{width: 100%;}
#vesion button{width: 100%; border: none; padding: 10px 0; border-radius: 0px; border-top: 1px solid #dedede;}
#vesion .confirm{border-right: 1px solid #DEDEDE;}

















